@(usuario: Usuario)

@main("Editar Usuario") {
    
@helper.form(action = routes.UsuarioControle.editar()){


<div>
	<div class="row-fluid">
		
		<div class="span3">
			deete
		</div>
		
		<div class="dado span9">
			<div class="row-fluid">
			  <div class="span12"><h2>@usuario.nome</h2></div>
			</div>
	
		    <div class="row-fluid">
		      <div class="span2">CPF:</div>
		      <div class="span6">@usuario.cpf</div>
		      <div class="span2">Telefone:</div>
		      <div class="span2">@usuario.telefone</div>
		    </div>
	
	
		    <div class="row-fluid">
		      <div class="span2">Endere&ccedil;o:</div>
		      <div class="span6">@usuario.endereco</div>
	   	      <div class="span2">N&uacute;mero:</div>
		      <div class="span2">@usuario.numero</div> 
		    </div>
		    
		    
	   	    <div class="row-fluid">
		      <div class="span2">Bairro:</div>
		      <div class="span6">@usuario.bairro</div>
		      <div class="span2">Cidade:</div>
		      <div class="span2">@usuario.cidade / @usuario.uf   </div>
		    </div>
	
		    
	   	    <div class="row-fluid">
		      <div class="span2">E-mail:</div>
		      <div class="span6">@usuario.email</div>
		    </div>
	
		</div>
	</div>

</div>


	<br/>
    <div class="alert alert-block" style="display: none">
	    <button type="button" class="close" data-dismiss="alert">&times;</button>
	    <h4>Warning!</h4>
	    Best check yo self, you're not...
    </div>


<br>


<div class="row-fluid">
		
		<div class="span6">
			
			<div class="label label-info atributo">
				Objetivo:
			</div>
			<br/>

			
			<div class="label label-info atributo">
				Avalia&ccedil&atilde;o F&iacute;sica:
			</div>
			<br/>

			
			<div class="label label-info atributo">
				Frequ&ecirc;cia:
				
			</div>
		</div>

		
		<div class="span6">
			<div class="row-fluid">
				
				  <div id="abas">
				     <ul>
				       <li><a href="#informacoes-1">Treino</a></li>
				       <li><a href="#informacoes-2">Medida</a></li>
				     </ul>
				
				
					 <div id="informacoes-1">
				      
				      	<p>
				        	<a href="/padraoTreino/cadastrar"><i class="icon-plus"></i> Cadastrar Padr&atilde;o de Treino</a>
				        </p>
				        
				        <p>
				        	<a href="/padraoTreino/listar"><i class="icon-minus"></i> Listar Padr&atilde;o de Treino (editar/remover)</a>
				        </p>
				      
				     </div>
				
				
				     <div id="informacoes-2">
				
				        <p>
				        	<a href="/medida/cadastrar"><i class="icon-plus"></i> Cadastrar Medida</a>
				        </p>
				        
				        <p>
				        	<a href="/medida/listar"><i class="icon-minus"></i> Listar Medida (editar/remover)</a>
				        </p>
				        
				 
				     </div>
				  </div>
				</div>
			</div>

</div>


  <script>
        $(function() {
            $( "#abas" ).tabs();
        });
    </script>
    



	}
    
}
